<template>
  <view class="a-icon-svg" :style="[boxStyle]">
    <!-- #ifdef APP-NVUE -->
    <image class="a-icon-pack-image" :style="[boxStyle]" :src="png" mode="scaleToFill"></image>
    <web-view v-if="isShow" class="__wh-0" :ref="_uid"  @onPostMessage="changeMessage" 
    src="/uni_modules/icon-park/hybrid/html/index.html" ></web-view>
    <!-- #endif -->
    <!-- #ifndef APP-NVUE -->
    <image class="a-icon-pack-image" :src="url" mode="aspectFit"></image>
    <!-- #endif -->
  </view>
</template>

<script>
import { IconWrapper , genContent } from '../runtime'
export default genContent('i-lollipop', IconWrapper('i-lollipop',(props)=>(
    '<?xml version="1.0" encoding="UTF-8"?>'
    + '<svg width="' + props.sizeWithUnit + '" height="' + props.sizeWithUnit + '" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">'
        + '<path d="M36.2144 34.3118C33.3387 36.7029 29.7365 38 26.0002 38C25.7667 38 25.5332 37.9957 25.3083 37.9784C21.2996 37.8054 17.5287 36.1494 14.6876 33.3087C13.1611 31.7825 11.9762 30.0011 11.1719 28.0165C10.3935 26.1011 10 24.0732 10 21.9978C10 19.9224 10.3935 17.8946 11.1719 15.9792C11.9762 13.9946 13.1611 12.2132 14.6876 10.6869C16.2141 9.16065 17.9958 7.97595 19.9807 7.17173C21.8964 6.39346 23.9245 6 26.0002 6C28.0759 6 30.104 6.39346 32.0197 7.17173C34.0046 7.97595 35.7863 9.16065 37.3128 10.6869C39.0944 12.464 40.3961 14.5697 41.1831 16.9391C41.9355 19.2004 42.1734 21.6476 41.875 24.017C41.7409 25.059 41.5074 26.0924 41.1745 27.0869C40.1497 30.107 38.8113 32.1526 36.2144 34.3118Z" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
        + '<path d="M22.1049 19.4889C22.2386 17.5847 23.8979 16.1398 25.8079 16.2735C26.9155 16.3486 27.9227 16.8497 28.65 17.6891C29.3772 18.5285 29.7366 19.5933 29.6572 20.6999C29.5653 22.0321 28.9593 23.2431 27.952 24.12C26.9447 24.9928 25.6575 25.4229 24.3242 25.331C20.9932 25.0972 18.4687 22.1991 18.7028 18.8667C18.987 14.8077 22.5228 11.7342 26.5853 12.0182C28.9927 12.1852 31.1953 13.2835 32.7793 15.1042C34.3675 16.9249 35.1449 19.2551 34.9777 21.6646C34.7687 24.6253 33.4188 27.3271 31.1786 29.2731C29.139 31.0479 26.5811 32 23.9021 32C23.6388 32 23.3755 31.9916 23.1038 31.9749C20.3161 31.7829 17.6775 31.2372 15.5 29.5C13.3726 27.8046 11.8275 25.5807 11 23" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
        + '<path d="M14 34L5.99909 42.4853" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
    + '</svg>'
)))
</script>

<style lang="scss" scoped>
@import '../../style/index.css';
</style>
